﻿@charset "utf-8";
/* 间距、字体大小变量 */
.f12{font-size: var(--font-size__12);}.f14{font-size: var(--font-size__14);}.f16{font-size: var(--font-size__16);}.f18{font-size: var(--font-size__18);}.f20{font-size: var(--font-size__20);}.f20{font-size: var(--font-size__20);}.f22{font-size: var(--font-size__22);}.f24{font-size: var(--font-size__24);}.f26{font-size: var(--font-size__26);}.f28{font-size: var(--font-size__28);}.f30{font-size: var(--font-size__30);}.f32{font-size: var(--font-size__32);}.f34{font-size: var(--font-size__34);}.f36{font-size: var(--font-size__36);}.f38{font-size: var(--font-size__38);}.f40{font-size: var(--font-size__40);}.f42{font-size: var(--font-size__42);}.f44{font-size: var(--font-size__44);}.f46{font-size: var(--font-size__46);}.f48{font-size: var(--font-size__48);}.f50{font-size: var(--font-size__50);}.f52{font-size: var(--font-size__52);}.f54{font-size: var(--font-size__54);}.f56{font-size: var(--font-size__56);}.f58{font-size: var(--font-size__58);}.f60{font-size: var(--font-size__60);}.f62{font-size: var(--font-size__62);}.f64{font-size: var(--font-size__64);}.f66{font-size: var(--font-size__66);}.f688{font-size: var(--font-size__68);}.f70{font-size: var(--font-size__70);}.f72{font-size: var(--font-size__72);}.f74{font-size: var(--font-size__74);}.f76{font-size: var(--font-size__76);}.f78{font-size: var(--font-size__78);}.f80{font-size: var(--font-size__80);}.f90{font-size: var(--font-size__90);}.f100{font-size: var(--font-size__100);}
.lh-13{line-height: 1.3;}
.lh-14{line-height: 1.4;}
.lh-155{line-height: 1.55;}
.lh-16{line-height: 1.6;}
.lh-166{line-height: 1.66;}
.lh-17{line-height: 1.7;}
.lh-18{line-height: 1.8;}
.lh-19{line-height: 1.9;}
.lh-2{line-height: 2;}
.lh-225{line-height: 2.25;}
.fw_l{font-weight: var(--font-weight__l);}
.fw_m{font-weight: var(--font-weight__m);}
.fw_b{font-weight: var(--font-weight__b);}
.f000{color:var(--black-color) !important;}
.f333{color:var(--default-color) !important;}
.f666{color:#666 !important;}
.f999{color:#999 !important;}
.fred{color:#ff0000 !important;}
.w100{width: 100% !important;}
:root{
  --pm__10:0.1rem; --pm__12:0.12rem; --pm__15:0.15rem; --pm__20:0.2rem;  --pm__18:0.18rem; --pm__25:0.25rem; --pm__30:0.3rem; --pm__35:0.35rem;--pm__40:0.4rem; --pm__45:0.45rem; --pm__50:0.5rem; --pm__55:0.55rem;--pm__60:0.6rem; --pm__65:0.65rem; --pm__70:0.7rem; --pm__75:0.75rem;--pm__80:0.8rem; --pm__85:0.85rem; --pm__90:0.9rem; --pm__95:0.95rem;--pm__100:1rem; --pm__110:1.1rem; --pm__120:1.2rem; --pm__130:1.3rem;--pm__140:1.4rem; --pm__150:1.5rem; --pm__160:1.6rem; --pm__170:1.7rem;
  --pm__180:1.8rem; --pm__190:1.9rem; --pm__200:2rem; --pm__250:2.5rem;
  --font-size__12:0.12rem; --font-size__14:0.14rem; --font-size__16:0.16rem; --font-size__18:0.18rem; --font-size__20:0.2rem;--font-size__22:0.22rem; --font-size__24:0.24rem; --font-size__26:0.26rem; --font-size__28:0.28rem; --font-size__30:0.3rem;
  --font-size__32:0.32rem; --font-size__34:0.34rem; --font-size__36:0.36rem; --font-size__38:0.38rem; --font-size__40:0.4rem;
  --font-size__42:0.42rem; --font-size__44:0.44rem; --font-size__46:0.46rem; --font-size__48:0.48rem; --font-size__50:0.5rem;
  --font-size__52:0.52rem; --font-size__54:0.54rem; --font-size__56:0.56rem; --font-size__58:0.58rem; --font-size__60:0.6rem;
  --font-size__62:0.62rem; --font-size__64:0.64rem; --font-size__66:0.66rem; --font-size__68:0.68rem; --font-size__70:0.7rem;
  --font-size__72:0.72rem; --font-size__74:0.74rem; --font-size__76:0.76rem; --font-size__78:0.78rem; --font-size__80:0.8rem;
  --font-size__90:0.9rem; --font-size__100:1rem; --font-size__110:1.1rem; --font-size__120:1.2rem; --font-size__150:1.5rem;
  --font-size__160:1.6rem;

  /* font-synthesis: none; */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width:768px){
  :root{
    --pm__10:0.05rem;--pm__12:0.06rem;--pm__15:0.075rem;--pm__18:0.09rem; --pm__20:0.1rem;--pm__25:0.125rem;--pm__30:0.15rem;--pm__35:0.175rem;--pm__40:0.2rem;--pm__45:0.225rem;--pm__50:0.25rem;--pm__55:0.275rem;--pm__60:0.3rem;--pm__65:0.325rem;--pm__70:0.35rem;--pm__75:0.375rem;--pm__80:0.4rem;--pm__85:0.425rem;--pm__90:0.45rem;--pm__95:0.48rem;--pm__100:0.5rem;--pm__110:0.55rem;--pm__120:0.6rem;--pm__130:0.65rem;--pm__140:0.7rem;--pm__150:0.75rem;--pm__160:0.8rem;--pm__170:0.85rem;
    --pm__180:0.9rem;--pm__190:0.95rem;--pm__200:1rem;--pm__250:1.25rem;

    --font-size__14:0.15rem;--font-size__16:0.17rem;--font-size__18:0.19rem;--font-size__20:0.21rem;
    --font-size__24:0.24rem;--font-size__26:0.25rem;--font-size__28:0.24rem;--font-size__30:0.22rem;--font-size__32:0.23rem;
    --font-size__34:0.23rem;--font-size__36:0.24rem;--font-size__38:0.25rem;--font-size__40:0.26rem;--font-size__42:0.27rem;
    --font-size__44:0.28rem;--font-size__46:0.29rem;--font-size__48:0.30rem;--font-size__50:0.30rem;--font-size__52:0.30rem;
    --font-size__54:0.31rem;--font-size__56:0.32rem;--font-size__58:0.33rem;--font-size__60:0.34rem;--font-size__62:0.35rem;
    --font-size__64:0.36rem;--font-size__66:0.37rem;--font-size__68:0.38rem;--font-size__70:0.42rem;--font-size__72:0.43rem;
    --font-size__74:0.44rem;--font-size__76:0.45rem;--font-size__78:0.46rem;--font-size__80:0.47rem;--font-size__90:0.48rem;
    --font-size__100:0.5rem;--font-size__110:0.55rem;--font-size__120:0.6rem;--font-size__150:0.75rem;--font-size__160:0.8rem;
  }
}
/* Reset ========================================================================== */
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* 链接重置样式 */
a{text-decoration:none; color:inherit;}
a:hover{color:var(--primary-color)}
/* 焦点状态重置 */
:focus,
a:focus{outline:0;-moz-outline:none}
/* 添加键盘焦点样式，提高可访问性 */
html{-webkit-text-size-adjust:100%;}
body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
main,figure,figcaption,nav,section,article,aside,header,footer,time{display:block;margin: 0;padding: 0;}
img,
video{max-width:100%;height:auto;border-style:none}
video{display:block;}
/* SVG 元素样式 */
svg:not(:root){overflow:hidden}
/* Lists ========================================================================== */
.ul,
.ul li,
.ul ol{list-style:none;padding-left:0;margin:0}
dl,dt,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;}
/* Forms ========================================================================== */
pre,
button,
input,
optgroup,
select,
textarea{font-family:inherit;font-size:100%;line-height:var(--main_line_height);margin:0}
button,
input{overflow:visible}
button,
select{text-transform:none}
/*input字体*/
:-moz-placeholder {color: #999999;font-weight:var(--font-weight__l);}
::-moz-placeholder {color: #999999;font-weight:var(--font-weight__l);}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;font-weight:var(--font-weight__l);}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;font-weight:var(--font-weight__l);}
.form-button{appearance:none;-webkit-appearance:none;padding:0;border:none;background:var(--primary-color);color:var(--white-color);cursor:pointer;transition:background-color .3s ease,color .3s ease;height: var(--button_height);}
.form-button:hover{background-color:rgba(var(--primary-color__rgb),.8)}
.form-input{width:100%;border: 1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease;padding:.11rem 0.12rem 0.11rem;outline:none}
/* 输入框和文本域焦点状态 */
.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color__rgb),.2)}
/* 添加禁用状态样式 */
.form-button:disabled,
.form-input:disabled{opacity:.5;cursor:not-allowed}
/* Tables ========================================================================== */
table{width:100%}
table,td,th{border-collapse:collapse;border-spacing:0}

pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

/* 添加无障碍隐藏类 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 添加自定义滚动条样式 */
::-webkit-scrollbar{width:.05rem;height:.05rem}
::-webkit-scrollbar-track{background:rgba(var(--default-color__rgb),.1)}
::-webkit-scrollbar-thumb{background:rgba(var(--primary-color__rgb),.5);border-radius:.04rem}
::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color__rgb),.5)}


/*effict*/
.Scale-img {zoom:1; overflow: hidden;position: relative;}
.Scale-img img,.Scale-img figure {-webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05);}

/* 背景图片 */
[class*=is-bgImg] {position: relative; z-index: 1;}
.pic{overflow: hidden;position: relative;}
.is-bgImg__cover {background: var(--background-cover);}
.is-bgImg__contain {background: var(--background-contain);}
.is-bgImg__cover.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;transition: opacity 0.3s ease-in-out;opacity: 1;}
.is-bgImg__cover.bg.fade-out {opacity: 0;}

.ispic{ overflow:hidden; position:relative;}
.ispic figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.ispic img{ width:100%; height:100%;object-fit: cover;display: block;}
.ispic.auto img{object-fit: contain;}

img[class*=block_]{width: 100%;display: block;}
img.block_cv{object-fit: cover;}
img.block_ct{object-fit: contain;}

.hoverline{position: relative;}
.hoverline i::before{content:'';display: block;width:0;height:2px;border-top:2px solid var(--blue-color);transition: all .5s;-webkit-transition: all .5s;opacity: 0;position: absolute;z-index:99;}
.hoverline i::after{content:'';display: block;height:0;width:2px;border-left:2px solid var(--blue-color);transition: all .5s;-webkit-transition: all .5s;opacity: 0;position: absolute;z-index:99;}
.hoverline i.l1::before{left:0;top:0;}
.hoverline i.l1::after{right:0;top:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.hoverline i.l2::before{left:0;bottom:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.hoverline i.l2::after{left:0;top:0;}
.hoverline:hover i::before,.hoverline.onli i::before,
.hoverline:hover i::after,.hoverline.onli i::after{opacity: 1;}
.hoverline:hover i::before,.hoverline.onli i::before{width:100%;}
.hoverline:hover i::after,.hoverline.onli i::after{height:100%;}

/* 单选复选 */
input[type="radio"],
input[type="checkbox"]{width: 0.13rem; height: 0.13rem;vertical-align: middle;appearance: none;print-color-adjust: exact;cursor: pointer;border: 1px solid #cccccc;position: relative;margin: -0.02rem 0.1rem 0 0;border-radius: 2px;}
input[type="radio"]{border-radius: 50%;}
input[type="radio"]:checked:after{width: 50%;height: 50%;left:50%;top:50%;background: var(--primary-color);content: "";position: absolute;border-radius: 50%;transform: translate(-50%,-50%);}
input[type="radio"]:checked{border: 1px solid var(--primary-color);}

input[type="checkbox"]{border: 1px solid #dddddd;background-color: #fff;}
input[type="checkbox"]:checked{border: 1px solid var(--primary-color);background: var(--primary-color) url(../images/goux.svg) no-repeat center center/0.18rem 0.18rem;}

/* 选择框 */
.select-base {border: solid 1px rgba(var(--default-color__rgb), 0.2);appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/select.svg) no-repeat right 0.1rem center transparent;padding-right: 0.2rem;height: 0.4rem;line-height: 0.4rem;background-size: auto 0.09rem;padding: 0 0.1rem;font-size: var(--font-size__16);width: 100%;}
.select-base::-ms-expand {display: none;}

/* 自定义自动填充样式 */
.form-input:-webkit-autofill,
.form-input:-webkit-autofill:hover,
.form-input:-webkit-autofill:focus,
.form-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--white-color) inset !important;
    -webkit-text-fill-color: var(--black-color) !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* 无图片 */
.no-pic {object-fit: cover;}

/* 设备类型 */
@media screen and (min-width: 1025px) {
  [data-device-type="mobile"] {display: none !important;}
}
@media screen and (max-width: 1024px) {
  [data-device-type="desktop"] { display: none !important;}
}

/* 省略号 */
[data-elps]{ --clamp: 1; line-clamp: var(--clamp);-webkit-line-clamp: var(--clamp); display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;}
[data-elps="1"] {--clamp: 1;}
html[lang='en'] [data-elps="1"] {word-break: break-all;}
[data-elps="2"] {--clamp: 2;}
[data-elps="3"] {--clamp: 3;}
[data-elps="4"] {--clamp: 4;}
[data-elps="5"] {--clamp: 5;}
[data-elps="6"] {--clamp: 6;}
[data-elps="3"]{--clamp: 7;}
p[data-elps]{margin: 0;}

/* 添加打印样式 */
@media print {
  body {background-color: #fff !important;color: #000 !important;}
  a {color: #000 !important;text-decoration: underline;}
  img { max-width: 100% !important;}
  @page {margin: 0.5cm;}
  h1, h2, h3, h4, h5, h6 {page-break-after: avoid;}
  p, h2, h3 {orphans: 3;widows: 3;}
}

/* 弹性布局 */
[data-flex]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
[data-flex*=aic]{-ms-flex-align:center;align-items:center}
[data-flex*=aife]{-ms-flex-align:flex-end;align-items:flex-end}
[data-flex*=aifs]{-ms-flex-align:flex-start;align-items:flex-start}
[data-flex*=ais]{-ms-flex-align:stretch;align-items:stretch}
[data-flex*=aibs]{-ms-flex-align:baseline;align-items:baseline}
[data-flex*=jcc]{-ms-flex-pack:center;justify-content:center}
[data-flex*=jcsb]{-ms-flex-pack:space-between;justify-content:space-between}
[data-flex*=jcsa]{-ms-flex-pack:space-around;justify-content:space-around}
[data-flex*=jcfe]{-ms-flex-pack:flex-end;justify-content:flex-end}
[data-flex*=jcfs]{-ms-flex-pack:flex-start;justify-content:flex-start}
[data-flex*=row]{flex-wrap:wrap;-ms-flex-wrap:wrap;}
[data-flex*=column]{flex-direction:column;-ms-flex-direction:column}
@media (max-width:1024px){[data-flex*='1024']{display:block}}
@media (max-width:768px){[data-flex*='768']{display:block}}
@media (max-width:640px){[data-flex*='640']{display:block}}
@media (max-width:480px){[data-flex*='480']{display:block}}

.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.pr{position: relative;z-index: 1;}
.pa{position:absolute;}
.st{position: static;}
.ptb0{padding-top: 0 !important;padding-bottom: 0 !important;}.pt0{padding-top: 0 !important;}.pb0{padding-bottom: 0 !important;}.pl0{padding-left: 0 !important;}.pr0{padding-right: 0 !important;}.m0{margin:0 !important;}.mt0{margin-top: 0 !important;}.mb0{margin-bottom: 0 !important;}.pt10{padding-top: var(--pm__10) !important;}.pb10{padding-bottom: var(--pm__10);}.ptb50{padding-top: var(--pm__10);padding-bottom: var(--pm__10);}.pt20{padding-top: var(--pm__20) !important;}.pb20{padding-bottom: var(--pm__20);}.ptb20{padding-top: var(--pm__20);padding-bottom: var(--pm__20);}.pt30{padding-top: var(--pm__30) !important;}.pb30{padding-bottom: var(--pm__30);}.ptb30{padding-top: var(--pm__30);padding-bottom: var(--pm__50);}.pt40{padding-top: var(--pm__40) !important;}.pb40{padding-bottom: var(--pm__40);}.ptb40{padding-top: var(--pm__40);padding-bottom: var(--pm__40);}.pt50{padding-top: var(--pm__50) !important;}.pb50{padding-bottom: var(--pm__50);}.ptb50{padding-top: var(--pm__50);padding-bottom: var(--pm__50);}.pt60{padding-top: var(--pm__60) !important;}.pb60{padding-bottom: var(--pm__60);}.ptb60{padding-top: var(--pm__60);padding-bottom: var(--pm__60);}.pt70{padding-top: var(--pm__70) !important;}
.pb70{padding-bottom: var(--pm__70);}.ptb70{padding-top: var(--pm__70);padding-bottom: var(--pm__70);}.pt80{padding-top: var(--pm__80) !important;}.pb80{padding-bottom: var(--pm__80);}.ptb80{padding-top: var(--pm__80);padding-bottom: var(--pm__80);}.pt100{padding-top: var(--pm__100) !important;}.pb100{padding-bottom: var(--pm__100) !important;}.ptb100{padding-top: var(--pm__100);padding-bottom: var(--pm__100);}.pt120{padding-top: var(--pm__120) !important;}.pb120{padding-bottom: var(--pm__120) !important;}.ptb120{padding-top: var(--pm__120);padding-bottom: var(--pm__100);}.pt150{padding-top: var(--pm__150) !important;}.pb150{padding-bottom: var(--pm__150) !important;}.ptb150{padding-top: var(--pm__150);padding-bottom: var(--pm__150);}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mt10{margin-top: var(--pm__10) !important;}.mb10{margin-bottom: var(--pm__10) !important;}.mtb10{margin-top: var(--pm__10) !important;margin-bottom: var(--pm__10) !important;}.mt15{margin-top: var(--pm__15) !important;}.mb15{margin-bottom: var(--pm__15) !important;}.mtb15{margin-top: var(--pm__15) !important;margin-bottom: var(--pm__15) !important;}.mt20{margin-top: var(--pm__20) !important;}.mb20{margin-bottom: var(--pm__20) !important;}.mtb20{margin-top: var(--pm__20) !important;margin-bottom: var(--pm__20) !important;}.mt30{margin-top: var(--pm__30) !important;}.mb30{margin-bottom: var(--pm__30) !important;}.mtb30{margin-top: var(--pm__30) !important;margin-bottom: var(--pm__30) !important;}.mt40{margin-top: var(--pm__40) !important;}.mb40{margin-bottom: var(--pm__40) !important;}.mtb40{margin-top: var(--pm__40) !important;margin-bottom: var(--pm__40) !important;}.mt50{margin-top: var(--pm__50) !important;}.mb50{margin-bottom: var(--pm__50) !important;}.mtb50{margin-top: var(--pm__50) !important;margin-bottom: var(--pm__50) !important;}.mt60{margin-top: var(--pm__60) !important;}.mb60{margin-bottom: var(--pm__60) !important;}.mtb60{margin-top: var(--pm__60) !important;margin-bottom: var(--pm__60) !important;}.mt70{margin-top: var(--pm__70) !important;}.mb70{margin-bottom: var(--pm__70) !important;}.mtb70{margin-top: var(--pm__70) !important;margin-bottom: var(--pm__70) !important;}.mt80{margin-top: var(--pm__80) !important;}.mb80{margin-bottom: var(--pm__80) !important;}.mtb80{margin-top: var(--pm__80) !important;margin-bottom: var(--pm__80) !important;}.mt90{margin-top: var(--pm__90) !important;}.mb90{margin-bottom: var(--pm__90) !important;}.mtb90{margin-top: var(--pm__90) !important;margin-bottom: var(--pm__90) !important;}.mt100{margin-top: var(--pm__100) !important;}.mb100{margin-bottom: var(--pm__100) !important;}.mtb100{margin-top: var(--pm__100) !important;margin-bottom: var(--pm__100) !important;}.mt120{margin-top: var(--pm__120) !important;}.mb120{margin-bottom: var(--pm__120) !important;}.mtb120{margin-top: var(--pm__120) !important;margin-bottom: var(--pm__120) !important;}.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}
/* Reset ========================================================================== END*/


/* other */
.itemhover{transition: all 0.3s ease-in-out;}
.activehover{-webkit-box-shadow: 0 5px 20px rgba(var(--primary-color__rgb),0.1) !important;
	box-shadow: 0 5px 20px rgba(var(--primary-color__rgb),0.1) !important;
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
.itemhover2{transition: all ease 0.3s;}
.activehover2{-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}

.bodyon{ overflow:hidden;}

.ico-zoom{display:inline-block;position: relative;align-items: center;justify-content: center;margin: 0px auto;vertical-align: middle;}
.ico-zoom .i1,.ico-zoom .i2 {position: absolute;z-index: 100;width: 100%;height: 100%;z-index: 2;left: 0;top: 0;}
.ico-zoom img {position: absolute;max-width: 100%;max-height: 100%;left: 0%;top: 0%;z-index: 2;}
.ico-zoom .i1 {transition: 400ms;}
.ico-zoom .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 500ms;}
.item:hover .ico-zoom .i2,.item.on .ico-zoom .i2 {-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.item:hover .ico-zoom .i1,.item.on .ico-zoom .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2);transform: scale(1.2);}

.ico-rotate{ transition: 0.6s;transform-style: preserve-3d;position: relative;}
.ico-rotate .i1,
.ico-rotate .i2 {backface-visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.item:hover .ico-rotate,.item.on .ico-rotate,.item.slick-current .ico-rotate {transform: rotateY(180deg);}
.ico-rotate .i2 {z-index: 3;transform: rotateY(180deg);}

.guang{position: relative;overflow: hidden;}
.guang em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.guang em:before,
.guang em:after{content: "";position: absolute;z-index: 10;overflow:hidden;
	background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.4)50%,rgba(255,255,255,0)100%);
	background:-webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.4)),color-stop(100%,rgba(255,255,255,0)));
	background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.4)50%,rgba(255,255,255,0)100%);
	background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.4)50%,rgba(255,255,255,0)100%);
	-webkit-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	width:100px;
	height:100%;
	left:-100%;opacity: 0;}
.guang:hover em:before,.item:hover .guang em:before{animation:leftw 5s 0.2s infinite;opacity: 1;}
.guang:hover em:after,.item:hover .guang em:after{animation:leftw 8s 0.5s infinite;opacity: 1;}
	@keyframes leftw {
		10% {left: 100%;}
		100% {left: 0;	}
	}

/* 滑过线条 */
.hoverline{position: relative;}
.hoverline i::before{content:'';display: block;width:0;height:2px;border-top:2px solid var(--primary-color);transition: all .5s;-webkit-transition: all .5s;opacity: 0;position: absolute;z-index:99;}
.hoverline i::after{content:'';display: block;height:0;width:2px;border-left:2px solid var(--primary-color);transition: all .5s;-webkit-transition: all .5s;opacity: 0;position: absolute;z-index:99;}
.hoverline i.l1::before{left:0;top:0;}
.hoverline i.l1::after{right:0;top:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.hoverline i.l2::before{left:0;bottom:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.hoverline i.l2::after{left:0;top:0;}
.hoverline:hover i::before,.hoverline.onli i::before,
.hoverline:hover i::after,.hoverline.onli i::after{opacity: 1;}
.hoverline:hover i::before,.hoverline.onli i::before{width:100%;}
.hoverline:hover i::after,.hoverline.onli i::after{height:100%;}

/* 视频 */
.whir-video__swiper .video-inner,
.whir-video__swiper .video-box,
.whir-video__swiper video{position:absolute;top:0;left:0;width:100%;height:100%}
.whir-video__swiper video{object-fit:cover}
.whir-video__swiper .video-inner{z-index:10}
.whir-video__swiper .video-box{background-color:#000;z-index:5}
.whir-video__swiper .open-video{position: absolute;top:0;left:0;width:100%;height:100%;z-index:1;visibility:hidden;background:url(../images/play.svg) no-repeat center center / 0.3rem auto}
@media (max-width:1024px){
 /* .whir-video__swiper .swiper-wrapper,
.whir-video__swiper .swiper-slide{height:auto} */
.whir-video__swiper .open-video{z-index:10;visibility:visible;}
.whir-video__swiper .video-box{opacity:1;visibility:hidden;transition:.3s}
.whir-video__swiper .video-inner.active .open-video{visibility:hidden}
.whir-video__swiper .video-inner.active .video-box{opacity:1;visibility:visible}
}
[class*=popup-box__]{position: fixed;z-index: 1000;background: rgba(var(--black-color__rgb), 0.5);display: flex;align-items: center;justify-content: center;top: 0;left: 0;width: 100%;height: 100%;}
[class*=popup-box__] .inner{width:90%;position: relative;}
[class*=popup-box__] .close{cursor:pointer;width:.4rem;height:.4rem;position:absolute;z-index:4;right:.2rem;top:.2rem}
[class*=popup-box__] .close:hover{opacity: 0.8;}
[class*=popup-box__] .close:before,
[class*=popup-box__] .close:after{position:absolute;content:'';width:80%;left:10%;height:3px;top:50%;margin-top:-1.5px;background:#999;transform:rotate(-45deg)}
[class*=popup-box__] .close:before{transform:rotate(45deg)}

/*视频弹窗*/
.popup-box__video .inner{max-width:12.8rem;width: 92%;background-color: #fff;padding: var(--pm__40);border-radius: 0.1rem;overflow: hidden;}
.popup-box__video .inner .video-wrap{position: relative;width: 100%;padding-bottom: 56.25%;background-color: #000;overflow: hidden;}
.popup-box__video .inner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;opacity: 0;transition: opacity 0.3s ease;}
.popup-box__video .inner video.loaded{opacity: 1;}
.popup-box__video .tit-area{text-align: center; line-height: 1.73;font-size: var(--font-size__30);color:#000;margin-bottom: 0.25rem;}
.full{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}

/* 滚动动画 */
.scroll-animate.animated,
.scroll-animate:not(.animated){visibility:hidden}
.scroll-animate[data-text] font{display:inline-block}
.font-fadeIn .emty{width: 0.3em;}
.disable-hover{pointer-events:none}

/*置标分页Pages*/
.Pages,.Pages .p_page,.Pages .num{display: flex;align-items: center;}
.Pages{justify-content: center;color: #aaadb3;}
.Pages .p_page{padding-right: 0.25rem;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .a_first,.Pages .a_end{display: none;}
.Pages b{margin: 0 0.05rem;display: inline-block;vertical-align: middle;font-weight:var(--font-weight__r);}
.Pages a{display: flex;width: 0.5rem;height: 0.5rem;transition: var(--transition);margin: 0 0.06rem;display: flex;align-items: center;justify-content: center;border: 1px solid #c8cacc;border-radius: 0.05rem;color: #aaadb3;font-weight:var(--font-weight__m);}
.Pages .num a{padding: 0;font-style: normal;}
.Pages  a:hover,.Pages  a.a_cur{background-color:var(--primary-color); color: var(--white-color);border-color: var(--primary-color);}
.Pages .p_page > a{overflow: hidden; }
.Pages .p_page > a:hover{background-color: var(--primary-color);}
/* 左右上下页 */
.Pages .a_prev,.Pages .a_next{font-size: 0;position: relative;}
.Pages .a_prev:after,.Pages .a_next:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-repeat: no-repeat;background-position: center center; background-size: 0.08rem auto !important;opacity: 0.5;}
.Pages .a_prev{margin-right: var(--pm__30) !important;}
.Pages .a_prev:after{background-image: url(../images/page/prev.svg);}
.Pages .a_prev:hover:after{background-image: url(../images/page/next-on.svg);opacity: 1;}
.Pages .a_next:after{background-image: url(../images/page/next.svg);}
.Pages .a_next:hover:after{background-image: url(../images/page/next-on.svg);opacity: 1;}
.Pages .a_next{margin-left: var(--pm__30) !important;}
.Pages .i_text{width: 0.5rem;height: 0.5rem;border-radius: 0.05rem;border:1px solid #c8cacc;text-align: center;vertical-align: middle;}
.Pages .i_button{width: 0.5rem;height: 0.5rem;border-radius: 0.05rem;border: 1px solid #c8cacc;cursor: pointer;padding: 0;vertical-align: middle;background-color: transparent;font-size: var(--font-size__16);}
.Pages .i_button:hover{color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}

@media(max-width:768px){
  .Pages{display: block;text-align: center;}
  .Pages .p_page{justify-content: center;padding: 0.1rem 0;}
  .Pages a{width: 0.4rem;height: 0.4rem;margin: 0 0.05rem;}
  .Pages .num a,.Pages .i_text,.Pages .i_button{width: 0.4rem;height: 0.4rem;}
}

/*列表行*/
[class*=list-rows]{display: flex;flex-wrap: wrap;--limr:0rem;--lin:1;}
[class*=list-rows] > *{width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));}
@media (min-width:1025px){
  .list-rows-2{--lin: 2;}
  .list-rows-3{--lin: 3;}
  .list-rows-4{--lin: 4;}
  .list-rows-5{--lin: 5;}
 }

.inside_video{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 50;background-color: var(--black-color);}
.inside_video video{width: 100%;height: 100%;}

/* select */
.select-txt {position: relative;text-align: left;font-size: var(--font-size__18);}
.select-txt p{cursor: pointer;position: relative;padding: 0 0.2rem;line-height: 0.5rem;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; overflow:hidden; width:100%;-webkit-line-clamp: 1;margin: 0;color: #666666;background-color: #f7f7f7;font-weight: var(--font-weight__l);}
.select-txt p:after{width: 0.17rem;height: 0.1rem;content: "";background: url(../images/arr-b_black.svg) no-repeat center center/100%;transition: all 0.5s;position: absolute;right: 0.2rem;top: 50%;transform: translateY(-50%);opacity: 0.5;}
.select-txt .hover {position: absolute;top: calc(100% + 1px);left: 0;width: 100%;padding: 0.05rem;visibility: hidden;opacity: 0;transform: translateY(0.3rem);transition: 0.3s;z-index: 10;;background-color: #fff;border: 1px solid #dddddd;border-top:0;border-radius:0 0 0.1rem;}
.select-txt .hover {overflow-y:auto;max-height: calc(((22 / 14* 1em) + 0.1rem)* 6);padding-right: 0;}
.select-txt .hover li {transition: 0.3s;cursor: pointer;padding: 0.1rem 0.1rem 0.1rem var(--pm__15);line-height: 1.5;border-radius: 0.05rem;font-size: var(--font-size__16);color: #333;}
.select-txt .hover li:not(:last-child) {margin-bottom: 1px;}
.select-txt .hover li:hover,.select-txt .hover li.cur{background-color:var(--primary-color);color: #fff;}
.select-txt.show {z-index: 15;border-color: rgba(var(--primary-color));}
.select-txt.show p:after{transform: translateY(-50%) rotate(-180deg);opacity: 1;}
.select-txt.show .hover{visibility: visible;opacity: 1;	transform: translateY(0);box-shadow: 0 5px 40px rgba(196,196,196,1);}
.select-txt.on p{color: var(--primary-color);font-weight: var(--font-weight__r);}
.select-txt:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.select-txt.show p{box-shadow:0 0 0 2px rgba(var(--primary-color__rgb),.2)}

.swiper-main{position: relative;}
